<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Documento sin título</title>
</head>
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
    
	<script type="text/javascript" src="../../resources/JqueryUI/js/jquery-1.7.1.min.js"></script>
    <script type="text/javascript" src="fg.menu.js"></script>
    
    <link type="text/css" href="fg.menu.css" media="screen" rel="stylesheet" />
  	<link type="text/css" href="../../resources/JqueryUI/css/redmond/jquery-ui-1.8.16.custom.css" rel="stylesheet" />	
    <!-- styles for this example page only -->
	<style type="text/css">
	body { font-size:62.5%; margin:0; padding:0; }
	#menuLog { font-size:1.4em; margin:20px; }
	.hidden { position:absolute; top:0; left:-9999px; width:1px; height:1px; overflow:hidden; }
	
	.fg-button { clear:left; margin:0 4px 40px 20px; padding: .4em 1em; text-decoration:none !important; cursor:pointer; position: relative; text-align: center; zoom: 1; }
	.fg-button .ui-icon { position: absolute; top: 50%; margin-top: -8px; left: 50%; margin-left: -8px; }
	a.fg-button { float:left;  }
	button.fg-button { width:auto; overflow:visible; } /* removes extra button width in IE */
	
	.fg-button-icon-left { padding-left: 2.1em; }
	.fg-button-icon-right { padding-right: 2.1em; }
	.fg-button-icon-left .ui-icon { right: auto; left: .2em; margin-left: 0; }
	.fg-button-icon-right .ui-icon { left: auto; right: .2em; margin-left: 0; }
	.fg-button-icon-solo { display:block; width:8px; text-indent: -9999px; }	 /* solo icon buttons must have block properties for the text-indent to work */	
	
	.fg-button.ui-state-loading .ui-icon { background: url(spinner_bar.gif) no-repeat 0 0; }
	</style>
    <script type="text/javascript">    
    $(function(){
		$('ul li a').click(function(event){
			event.preventDefault();
			$("#contenido").load($(this).attr("src"));
			
			});
    	// BUTTONS
    	$('.fg-button').hover(
    		function(){ $(this).removeClass('ui-state-default').addClass('ui-state-focus'); },
    		function(){ $(this).removeClass('ui-state-focus').addClass('ui-state-default'); }
    	);
    	
    	// MENUS    	
		$('#flat').menu({ 
			content: $('#flat').next().html(), // grab content from this page
			showSpeed: 400 
		});		
	});
	</script>
<body>
<div id="menu">
<a tabindex="0" href="#search-engines" class="fg-button fg-button-icon-right ui-widget ui-state-default ui-corner-all" id="flat"><span class="ui-icon ui-icon-triangle-1-s"></span>Configurarcion</a>
<div id="search-engines" class="hidden">
<ul>
	<li id="tipos_tel"><a href="../tipos_tel/listar_tipos_tel.php">Tipos de telefonos</a></li>
	<li><a href="../telefonos/listar_tel.php">Telefonos</a></li>
	<li><a href="../listar_usu/lista_usu.php">Usuarios</a></li>
	<li><a href="../campana/listar_campana.php">Campañas</a></li>
   	<li><a href="../interno/listar_interno.php">Internos</a></li>
	<li><a href="../agenda/listar_agenda.php">Agendas</a></li>
   	<li><a href="#">Roles</a></li>
   	<li><a href="#">Acciones</a></li>
</ul>
</div>
</div>
<div id="contenido"></div>
</body>
</html>
